<template>
	<div class='v-datePicker'>
    <el-date-picker
      v-model="valueDate"
      type="daterange"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期"
    @change='getDate()'>
    </el-date-picker>
	</div>
</template>

<script>
  export default{
    name: 'v-datePicker',
    props: {},
      data () {
        return {
          valueDate: ''
        }
    },
    methods: {
      getDate () {
        this.$emit('dataTime', this.valueDate)
      }
    }
  }
</script>

<style lang="stylus" rel="stylesheet/stylus">
  .v-datePicker
    display inline-block
    .el-input__inner
      width 260px
      border-radius:4px
      float left
    .el-range-input
      width 80%
      font-size 12px
    .el-range-separator
      width 20%
      line-height 20px
      font-size 12px
    .el-date-editor .el-range__icon, .el-date-editor .el-range__close-icon
      line-height 20px
      marin-left 12px
</style>
